<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<ui:composition template="template/clasic-t.xhtml">
	<ui:define name="title">
		<h:outputText value="Datos de domicilio" />
	</ui:define>
	<ui:define name="content">
		<div class="button-list" align="left">
			<ul>
				<li><h:outputLink styleClass="button-list" value="#"
						onclick="dlgconfirmacion2.show()">Inicio</h:outputLink></li>
				<li><h:outputLink styleClass="button-list" value="#"
						onclick="dlgconfirmacion.show()">Ficha familiar</h:outputLink></li>
			</ul>
		</div>
		<div style="height: auto; width: 100%">
			<div style="padding-left: 50px; padding-top: 25px">
				<h1>Ficha familiar (DF435354)</h1>
			</div>
		</div>
		<div class="container">
			<p:tabView orientation="left">
				<p:tab title="Domicilio">
					<div id="domicileSumaryPanel" class="dataContainer">
						<div class="innerContainer">
							<a class="itemTool" href="#" targetShowId="domicileEditorPanel">Editar</a>
						</div>
						<p:panelGrid cellpadding="8px" style="margin-top:5px; width: 100%">
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Establecimiento de salud" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Un paso a la muerte" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Ubicaci&oacute;n geogr&aacute;fica" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Surco, Lima - Lima" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Direcci&oacute;n" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel
										value="Av. Calor Isaguirre 3456 / Urb. Las flores" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Referencia" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Frente el boulevard de san carlos" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Tel&eacute;fono" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="232-3234" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Calificaci&oacute;n para el SIS" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="No califica" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Idioma predominante en la familia" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Espa&ntilde;ol (latinoam&eacute;rica)" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Tiempo que demora en lleguar al EESS" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="1 d&iacute;as 10 horas" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel
										value="Tiempo de residencia en el domicilio actual" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="4 a&ntilde;os 30 d&iacute;as" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Lugar de residencia previa" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel
										value="Calle Alcalinas 3456 - Tacha, Mansiche - Arequipa" />
								</p:column>
							</p:row>
						</p:panelGrid>
					</div>
					<div id="domicileEditorPanel" class="dataContainerUpdate">
						<h:form>
							<p:panelGrid cellpadding="8px" styleClass="layoutForm">
								<p:row>
									<p:column colspan="2" style="width:100px; text-align: right">
										<h:outputLabel value="Establecimiento de salud" />
									</p:column>
									<p:column colspan="8">
										<p:inputText size="80" />
									</p:column>
								</p:row>
								<p:row>
									<p:column colspan="10" styleClass="ui-widget-header">
										<p:spacer height="0" />
									</p:column>
								</p:row>
								<p:row>
									<p:column colspan="2" style="width:100px; text-align: right">
										<h:outputLabel value="Direcci&oacute;n" />
									</p:column>
									<p:column colspan="8">
										<h:selectOneMenu id="departamentos" title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
										<p:inputText style="margin-left: 10px" size="66" />
									</p:column>
								</p:row>
								<p:row>
									<p:column colspan="2" style="width:100px; text-align: right">
										<h:outputLabel value="Referencia" />
									</p:column>
									<p:column colspan="8">
										<p:inputText size="80" />
									</p:column>
								</p:row>
								<p:row>
									<p:column colspan="2" style="width:100px; text-align: right">
										<h:outputLabel value="Comit&eacute;" />
									</p:column>
									<p:column colspan="3">
										<p:inputText size="30" />
									</p:column>
									<p:column colspan="2" style="width:100px; text-align: right">
										<h:outputLabel value="Localidad" />
									</p:column>
									<p:column colspan="3">
										<p:inputText size="30" />
									</p:column>
								</p:row>
								<p:row>
									<p:column colspan="2" style="width:100px; text-align: right">
										<h:outputLabel value="N&uacute;mero de lote" />
									</p:column>
									<p:column colspan="3">
										<p:inputText size="30" />
									</p:column>
									<p:column colspan="2" style="width:100px; text-align: right">
										<h:outputLabel value="Departamento" />
									</p:column>
									<p:column colspan="3">
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
								</p:row>
								<p:row>
									<p:column colspan="2" style="width:100px; text-align: right">
										<h:outputLabel value="Sector o urbanizaci&oacute;n" />
									</p:column>
									<p:column colspan="3">
										<p:inputText size="30" />
									</p:column>
									<p:column colspan="2" style="width:100px; text-align: right">
										<h:outputLabel value="Provincia" />
									</p:column>
									<p:column colspan="3">
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
								</p:row>
								<p:row>
									<p:column colspan="2" style="width:100px; text-align: right">
										<h:outputLabel value="Tel&eacute;ono" />
									</p:column>
									<p:column colspan="3">
										<p:inputText size="30" />
									</p:column>
									<p:column colspan="2" style="width:100px; text-align: right">
										<h:outputLabel value="Distrito" />
									</p:column>
									<p:column colspan="3">
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
								</p:row>
								<p:row>
									<p:column colspan="10" styleClass="ui-widget-header">
										<p:spacer height="0" />
									</p:column>
								</p:row>
								<p:row>
									<p:column colspan="2" style="width:100px; text-align: right">
										<h:outputLabel value="Familia califica para el SIS" />
									</p:column>
									<p:column colspan="3">
										<h:selectOneRadio title="Seleccione opcion">
											<f:selectItem itemLabel="si califica" itemValue="true" />
											<f:selectItem itemLabel="no califica" itemValue="false" />
										</h:selectOneRadio>
									</p:column>
									<p:column colspan="2" style="width:100px; text-align: right">
										<h:outputLabel value="Idioma predominante en la familia" />
									</p:column>
									<p:column colspan="3">
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
								</p:row>
								<p:row>
									<p:column colspan="2" style="width:100px; text-align: right">
										<h:outputLabel value="Tiempo que demora en lleguar al EESS" />
									</p:column>
									<p:column colspan="3">
										<p:inputMask id="aaa" mask="(99) Ds (99) Hrs  (99) Min"
											size="30" />
										<p:tooltip for="aaa"
											value="Indica el tiempo en llegar al establecimiento de salud en dias horas y minutos, (pe: 02 dias 20 horas 20 minutos)"
											showEffect="slide" hideEffect="slide" style="width: 250px" />
									</p:column>
									<p:column colspan="2" style="width:100px; text-align: right">
										<h:outputLabel
											value="Tiempo de residencia en el domicilio actual" />
									</p:column>
									<p:column colspan="3">
										<p:inputMask id="bbb"
											mask="(99) A&ntilde;s (99) Mses  (99) Ds" size="30" />
										<p:tooltip for="bbb"
											value="Define el tiempo de llegada al domicilio actual, (pe: 02 dias 20 horas 20 minutos)"
											showEffect="slide" hideEffect="slide" style="width: 250px" />
									</p:column>
								</p:row>
								<p:row>
									<p:column colspan="2" style="width:100px; text-align: right">
										<h:outputLabel value="Lugar de residencia previa" />
									</p:column>
									<p:column colspan="8">
										<p:inputText size="80" />
									</p:column>
								</p:row>
							</p:panelGrid>
							<div class="actionPanel">
								<button class="design-g itemTool" style="float: right"
									targetShowId="domicileSumaryPanel">Cancelar</button>
								<button class="design-g itemTool" style="float: right"
									targetShowId="domicileSumaryPanel">Guardar cambios</button>
								<!--  
								<p:commandButton value="Guardar cambios" action="{ct.accion}"
									styleClass="design-g" style="float: right" /> -->
							</div>
						</h:form>
					</div>
				</p:tab>
				<p:tab title="Miembros de familia">
					<div>
						<h:form id="newMemberForm">
							<p:outputPanel id="membersFamily">
								<p:outputPanel rendered="#{not empty ctfamily.listMember}"
									style="margin: 0 auto; width: 900px;">
									<h:dataTable id="tableDataMembers"
										value="#{ctfamily.modelTableListMember}" var="member"
										style="width: 100%">
										<h:column>
											<p:panelGrid styleClass="layoutForm summaryData">
												<p:row>
													<p:column styleClass="label">
														<h:outputLabel value="Nombres" />
													</p:column>
													<p:column>
														<h:outputFormat style="font-size: 15px"
															value="{0} {1}, {2}">
															<f:param value="#{member.apePaterno}" />
															<f:param value="#{member.apeMaterno}" />
															<f:param value="#{member.nombre}" />
														</h:outputFormat>
													</p:column>
													<p:column>
														<p:commandLink value="Editar"
															action="#{ctfamily.actionSelectMember}"
															onclick="dlgEditMember.show()" immediate="true" />
													</p:column>
												</p:row>
											</p:panelGrid>
										</h:column>
									</h:dataTable>
									<div align="right" style="margin-right: 10px; margin-top: 15px">
										<h:outputLink value="#" onclick="dlgNewMember.show()">Agregar miembro</h:outputLink>
									</div>
								</p:outputPanel>
								<p:outputPanel rendered="#{empty ctfamily.listMember}"
									style="margin: 0 auto; width: 900px;">
                                            No hay miembros, agrege uno 
                                            <h:outputLink value="#"
										onclick="dlgNewMember.show()">Aqui</h:outputLink>
								</p:outputPanel>
							</p:outputPanel>

							<p:dialog header="Nuevo miembro" widgetVar="dlgNewMember"
								resizable="false" modal="true" showEffect="explode"
								onCloseUpdate="newMemberForm" hideEffect="explode" width="500">

								<div class="section-content-blue" style="margin: 10px">
									<div class="subtitule-entry-clasic">Nueva miembro</div>
									<table width="100%" style="margin-top: 8px">
										<tr>
											<td align="right" style="padding-right: 10px;"><h:outputText
													value="Nombre: " /></td>
											<td><p:inputText value="#{ctfamily.newMember.nombre}"></p:inputText>

											</td>
										</tr>
										<tr>
											<td align="right" style="padding-right: 10px;"><h:outputText
													value="Ap paterno: " /></td>
											<td><p:inputText size="35"
													value="#{ctfamily.newMember.apePaterno}" /></td>
										</tr>
										<tr>
											<td align="right" valign="top"
												style="padding-right: 10px; padding-top: 5px"><h:outputText
													value="Ap materno: " /></td>
											<td><p:inputText size="35"
													value="#{ctfamily.newMember.apeMaterno}" /></td>
										</tr>
									</table>
								</div>
								<div align="right" style="margin-right: 10px;">
									<p:commandButton action="#{ctfamily.addNewMember()}"
										value="Agregar" style="margin:10px 0; width: 100px;"
										styleClass="design-g" oncomplete="dlgNewMember.hide()"
										update="@form" />
								</div>

							</p:dialog>

							<p:dialog header="Editar miembro" widgetVar="dlgEditMember"
								resizable="false" modal="true" showEffect="explode"
								onCloseUpdate="@form" hideEffect="explode" width="500">

								<div class="section-content-blue" style="margin: 10px">
									<div class="subtitule-entry-clasic">Datos de miembro</div>
									<table width="100%" style="margin-top: 8px">
										<tr>
											<td align="right" style="padding-right: 10px;"><h:outputText
													value="Nombre: " /></td>
											<td><p:inputText
													value="#{ctfamily.selectedMember.nombre}"></p:inputText></td>
										</tr>
										<tr>
											<td align="right" style="padding-right: 10px;"><h:outputText
													value="Ap paterno: " /></td>
											<td><p:inputText size="35"
													value="#{ctfamily.selectedMember.apePaterno}" /></td>
										</tr>
										<tr>
											<td align="right" valign="top"
												style="padding-right: 10px; padding-top: 5px"><h:outputText
													value="Ap materno: " /></td>
											<td><p:inputText size="35"
													value="#{ctfamily.selectedMember.apeMaterno}" /></td>
										</tr>
									</table>
								</div>
								<div align="right" style="margin-right: 10px;">
									<p:commandButton action="#{ctfamily.actionSaveChanges()}"
										value="Guardar cambios" style="margin:10px 0; width: 100px;"
										styleClass="design-g" oncomplete="dlgEditMember.hide();"
										update="@form" />
								</div>
							</p:dialog>

						</h:form>
					</div>
				</p:tab>
				<p:tab title="Vicita domiciliaria">
					<p:panelGrid styleClass="layoutForm summaryData">
						<p:row>
							<p:column styleClass="label">
								<h:outputLabel value="Fecha de realizada la visita" />
							</p:column>
							<p:column>
								<h:outputText value="24/04/2011" />
							</p:column>
						</p:row>
						<p:row>
							<p:column styleClass="label">
								<h:outputLabel value="Resultado de la visita" />
							</p:column>
							<p:column>
								<h:outputText value="Atendido" />
							</p:column>
						</p:row>
						<p:row>
							<p:column styleClass="label">
								<h:outputLabel value="Responsable" />
							</p:column>
							<p:column>
								<h:outputText value="Miguel Sandoval" />
							</p:column>
						</p:row>
						<p:row>
							<p:column styleClass="label">
								<h:outputLabel value="Cita de pr&oacute;xima visita" />
							</p:column>
							<p:column>
								<h:outputText value="10/11/2011" />
							</p:column>
						</p:row>
					</p:panelGrid>
					<p:panelGrid styleClass="layoutForm summaryData">
						<p:row>
							<p:column styleClass="label">
								<h:outputLabel value="Fecha de realizada la visita" />
							</p:column>
							<p:column>
								<h:outputText value="23/09/2010" />
							</p:column>
						</p:row>
						<p:row>
							<p:column styleClass="label">
								<h:outputLabel value="Resultado de la visita" />
							</p:column>
							<p:column>
								<h:outputText value="Atendido" />
							</p:column>
						</p:row>
						<p:row>
							<p:column styleClass="label">
								<h:outputLabel value="Responsable" />
							</p:column>
							<p:column>
								<h:outputText value="Miguel Sandoval" />
							</p:column>
						</p:row>
						<p:row>
							<p:column styleClass="label">
								<h:outputLabel value="Cita de pr&oacute;xima visita" />
							</p:column>
							<p:column>
								<h:outputText value="20/04/2011" />
							</p:column>
						</p:row>
					</p:panelGrid>
				</p:tab>
				<p:tab title="Riesgos">
					<h:form>
						<p:panelGrid styleClass="layoutForm">
							<p:row>
								<p:column>
									<h:outputLabel value="Nuevo riesgo" />
								</p:column>
								<p:column>
									<h:selectOneMenu id="risksMenu"
										value="#{ctfamily.selectedRisk.id}">
										<f:selectItem noSelectionOption="true" />
										<f:selectItems value="#{ctfamily.riskItems}"></f:selectItems>
									</h:selectOneMenu>
								</p:column>
								<p:column>
									<p:commandButton action="#{ctfamily.actionAddRisk()}"
										value="Agregar nuevo riesgo"
										style="margin:0; width: 200px; padding: 0"
										styleClass="design-g" update="@form" />
								</p:column>
								<p:column>
									<h:message for="risksMenu" />
								</p:column>
							</p:row>
						</p:panelGrid>
						<p:outputPanel rendered="#{not empty ctfamily.listRiskFamily}">
							<h:dataTable value="#{ctfamily.modelTableListRiskFamily}"
								var="item" style="width: 100%">
								<h:column>
									<div class="section-content-blue" style="margin-bottom: 0">
										<div class="subtitule-entry-clasic">#{item.risk.nombre}</div>
										<ul>
											<ui:repeat var="date" value="#{item.dates}">
												<li>#{date}</li>
											</ui:repeat>
										</ul>
										<p:outputPanel rendered="#{not empty item.observation}">
											<p
												style="font-size: 14px; font-weight: bold; margin-left: 30px">
												#{item.observation}</p>
										</p:outputPanel>
										<div align="right"
											style="margin-right: 10px; margin-top: 15px">
											<p:commandLink style="padding-left: 10px;" immediate="true"
												value="Agregar nueva fecha"
												action="#{ctfamily.actionSelectRiskFamily()}"
												onclick="dlgNewDate.show()" />
										</div>
										<p:outputPanel rendered="#{empty item.observation}">
											<div align="right"
												style="margin-right: 10px; margin-top: 15px">
												<p:commandLink style="padding-left: 10px;" immediate="true"
													value="A&ntilde;adir observaci&oacute;n"
													action="#{ctfamily.actionSelectRiskFamily()}"
													onclick="dlgObservation.show()" />
											</div>
										</p:outputPanel>
									</div>
								</h:column>
							</h:dataTable>
						</p:outputPanel>
						<p:outputPanel rendered="#{empty ctfamily.listRiskFamily}"
							style="margin: 0 auto; width: 900px;">
							<p style="font-size: 14px; font-weight: bold; margin-left: 30px">0
								riesgos registrados.</p>
						</p:outputPanel>

						<p:dialog header="Nueva fecha de riesgo" widgetVar="dlgNewDate"
							resizable="false" modal="true" showEffect="explode"
							onCloseUpdate="FamilyRisks" hideEffect="explode" width="500">
							<div class="section-content-blue" style="margin: 10px">
								<div class="subtitule-entry-clasic">Nueva fecha</div>
								<table width="100%" style="margin-top: 8px">
									<tr>
										<td align="right" style="padding-right: 10px;"><h:outputLabel
												value="Fecha: " /></td>
										<td><p:calendar size="35" navigator="true" locale="es"
												effect="slideDown" value="#{ctfamily.newDateForFamilyRisk}" />
										</td>
									</tr>
								</table>
							</div>
							<div align="right" style="margin-right: 10px;">
								<p:commandButton action="#{ctfamily.addDateToFamilyRisk()}"
									value="Agregar" style="margin:10px 0; width: 100px;"
									styleClass="design-g" oncomplete="dlgNewDate.hide();"
									update="@form" />
							</div>
						</p:dialog>

						<p:dialog header="Agregar observacion" widgetVar="dlgObservation"
							resizable="false" modal="true" showEffect="explode"
							onCloseUpdate="FamilyRisks" hideEffect="explode" width="500">
							<div class="section-content-blue" style="margin: 10px">
								<div class="subtitule-entry-clasic">Nueva fecha</div>
								<table width="100%" style="margin-top: 8px">
									<tr>
										<td align="right" style="padding-right: 10px;"><h:outputLabel
												value="Observacion: " /></td>
										<td><p:inputTextarea size="35"
												value="#{ctfamily.newRisksFamily.observation}" /></td>
									</tr>
								</table>
							</div>
							<div align="right" style="margin-right: 10px;">
								<p:commandButton
									action="#{ctfamily.addObservationToFamilyRisk()}"
									value="Guardar" style="margin:10px 0; width: 100px;"
									styleClass="design-g" oncomplete="dlgObservation.hide();"
									update="@form" />
							</div>
						</p:dialog>
					</h:form>
				</p:tab>
				<p:tab title="Datos socioecon&oacute;micmos">
					<div id="dataSocioeconomicsSumaryPanel" class="dataContainer">
						<div class="innerContainer">
							<a class="itemTool" href="#"
								targetShowId="dataSocioeconomicsEditorPanel">Editar</a>
						</div>
						<p:panelGrid cellpadding="8px" style="margin-top:5px; width: 100%">
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Instruccion de la madre" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Ninguna" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Grupo familiar" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Mas de 9 miembros" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Tenencia de la vivienda" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Plan social" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Energia electrica (EE)" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Sin energia" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Agua de consumo" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Cisterna" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Ingresos familiares" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="De 401 a 800 Nuevos soles" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Eliminacion de excretas" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Letrina" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Personas por dormitorio" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="4 miembros" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Observacion general" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel
										value="El resumen muestra una estado sostenible de la familia considerando las cisrcunstancias deljefe de familia" />
								</p:column>
							</p:row>
						</p:panelGrid>
					</div>
					<div id="dataSocioeconomicsEditorPanel" class="dataContainerUpdate">
						<h:form>
							<p:panelGrid styleClass="layoutForm">
								<p:row>
									<p:column style="text-align: right">
										<h:outputLabel value="Instrucci&oacute;n de la madre" />
									</p:column>
									<p:column>
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
									<p:column style="text-align: right">
										<h:outputLabel value="Grupo familiar" />
									</p:column>
									<p:column>
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
								</p:row>
								<p:row>
									<p:column style=" text-align: right">
										<h:outputLabel value="Tenencia de la vivienda" />
									</p:column>
									<p:column>
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
									<p:column style="text-align: right">
										<h:outputLabel value="Energ&iacute;a el&eacute;ctrica" />
									</p:column>
									<p:column>
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
								</p:row>
								<p:row>
									<p:column style="text-align: right">
										<h:outputLabel value="Agua de consumo" />
									</p:column>
									<p:column>
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
									<p:column style="text-align: right">
										<h:outputLabel value="Ingresos familiares" />
									</p:column>
									<p:column>
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
								</p:row>
								<p:row>
									<p:column style="text-align: right">
										<h:outputLabel value="Eliminaci&oacute;n de excretas" />
									</p:column>
									<p:column>
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
									<p:column style="text-align: right">
										<h:outputLabel
											value="N&uacute;mero de personas por dormitorio" />
									</p:column>
									<p:column>
										<h:selectOneMenu title="Seleccione opcion">
											<f:selectItem itemLabel="opcion 0" itemValue="0" />
											<f:selectItem itemLabel="opcion 1" itemValue="1" />
											<f:selectItem itemLabel="opcion 2" itemValue="2" />
											<f:selectItem itemLabel="opcion 3" itemValue="3" />
										</h:selectOneMenu>
									</p:column>
								</p:row>
								<p:row>
									<p:column style=" text-align: right">
										<h:outputLabel value="Observaci&oacute;n general" />
									</p:column>
									<p:column colspan="3">
										<p:inputTextarea rows="3" autoResize="false"
											style="width: 100%"></p:inputTextarea>
									</p:column>
								</p:row>
							</p:panelGrid>
							<div class="actionPanel">
								<button class="design-g itemTool" style="float: right"
									targetShowId="dataSocioeconomicsSumaryPanel">Cancelar</button>
								<button class="design-g itemTool" style="float: right"
									targetShowId="dataSocioeconomicsSumaryPanel">Guardar
									cambios</button>
								<!--  
								<p:commandButton value="Guardar cambios" action="{ct.accion}"
									styleClass="design-g" style="float: right" /> -->
							</div>
						</h:form>
					</div>
				</p:tab>
				<p:tab title="Vivienda y entorno">
					<div id="dwellingSumaryPanel" class="dataContainer">
						<div class="innerContainer">
							<a class="itemTool" href="#" targetShowId="dwellingEditorPanel">Editar</a>
						</div>
						<p:panelGrid cellpadding="8px" style="margin-top:5px; width: 100%">
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Tipo de vivienda" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Chosa" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Material de paredes" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Adobe" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Material del piso" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Tierra" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Material del techo" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Estera" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Combustible para cocinar" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Kerosene" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Deposito de basura" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Barriles" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Vivienda con riesgo de caida" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel value="Sin riesgo" />
								</p:column>
							</p:row>
							<p:row>
								<p:column colspan="2" style="width:100px; text-align: right">
									<h:outputLabel value="Problemas en la comunidad" />
								</p:column>
								<p:column colspan="8">
									<h:outputLabel
										value="Al parecer existen pandillas por la zona que maltratan o saquean las pocas perteneciencias de los pobladores en este lugar" />
								</p:column>
							</p:row>
						</p:panelGrid>
						<p:panelGrid cellpadding="8px" style="margin-top:5px; width: 100%">
							<f:facet name="header">
								<p:row>
									<p:column>Artefactos del hogar</p:column>
									<p:column>Riesgos de entorno</p:column>
									<p:column>Tenencia de animales</p:column>
								</p:row>
							</f:facet>
							<p:row>
								<p:column>
									<ul>
										<li>Cocina</li>
										<li>Auto</li>
										<li>Lavadora</li>
										<li>Computadora</li>
									</ul>
								</p:column>
								<p:column>
									<ul>
										<li>Humo o vapores</li>
										<li>Deposito de agua no tapada</li>
										<li>Ruidos</li>
										<li>Derrumbes</li>
										<li>Inundaciones</li>
										<li>Basural</li>
										<li>Vectores</li>
									</ul>
								</p:column>
								<p:column>
									<ul>
										<li>Perro (vacunado)</li>
										<li>Cerdos (no vacunado)</li>
									</ul>
								</p:column>
							</p:row>
						</p:panelGrid>
						<p:panelGrid cellpadding="8px" style="margin-top:5px; width: 100%">
							<p:row>
								<p:column style="width:100px; text-align: right">
									<h:outputLabel value="Observacion general" />
								</p:column>
								<p:column>
									<h:outputLabel
										value="La vivienda presenta muchos daños en los artefactos e identificados de mosquitos no identificados." />
								</p:column>
							</p:row>
						</p:panelGrid>
					</div>
					<div id="dwellingEditorPanel" class="dataContainerUpdate">
						<h:form>
							<div class="section-content-blue" style="margin-bottom: 0">
								<div class="subtitule-entry-clasic">Vivienda</div>
								<p:panelGrid styleClass="layoutForm">
									<p:row>
										<p:column style="text-align: right">
											<h:outputLabel value="Tipo de vivienda" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
										</p:column>
										<p:column style="text-align: right">
											<h:outputLabel value="Material de paredes" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
										</p:column>
									</p:row>
									<p:row>
										<p:column style=" text-align: right">
											<h:outputLabel value="Material del piso" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
										</p:column>
										<p:column style="text-align: right">
											<h:outputLabel value="Material del techo" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
										</p:column>
									</p:row>
									<p:row>
										<p:column style="text-align: right">
											<h:outputLabel value="Combustible para cocinar" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
										</p:column>
										<p:column style="text-align: right">
											<h:outputLabel value="Dep&oacute;sito de basura" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem itemLabel="opcion 0" itemValue="0" />
												<f:selectItem itemLabel="opcion 1" itemValue="1" />
												<f:selectItem itemLabel="opcion 2" itemValue="2" />
												<f:selectItem itemLabel="opcion 3" itemValue="3" />
											</h:selectOneMenu>
										</p:column>
									</p:row>
									<p:row>
										<p:column style="text-align: right">
											<h:outputLabel value="Vivienda con riesgo de caidas" />
										</p:column>
										<p:column>
											<h:selectOneRadio title="Seleccione opcion">
												<f:selectItem itemLabel="si califica" itemValue="true" />
												<f:selectItem itemLabel="no califica" itemValue="false" />
											</h:selectOneRadio>
										</p:column>
									</p:row>
									<p:row>
										<p:column style=" text-align: right">
											<h:outputLabel value="Problemas en la comunidad" />
										</p:column>
										<p:column colspan="3">
											<p:inputText size="80" />
										</p:column>
									</p:row>
								</p:panelGrid>
							</div>
							<div class="section-content-blue" style="margin-bottom: 0">
								<div class="subtitule-entry-clasic">Artefactos del hogar</div>
								<p:pickList value="#{ctfamily.homeAppliancesSource}" var="item"
									itemLabel="#{item}" itemValue="#{item}">
									<f:facet name="sourceCaption">Todos los artefactos</f:facet>
									<f:facet name="targetCaption">Artefactos que posee</f:facet>
								</p:pickList>
							</div>
							<div class="section-content-blue" style="margin-bottom: 0">
								<div class="subtitule-entry-clasic">Riesgos por entorno</div>
								<p:pickList value="#{ctfamily.aroundRiskSource}" var="item"
									itemLabel="#{item}" itemValue="#{item}">
									<f:facet name="sourceCaption">Todos los riesgos</f:facet>
									<f:facet name="targetCaption">Riesgos que padece</f:facet>
								</p:pickList>
							</div>
							<div class="section-content-blue" style="margin-bottom: 0">
								<div class="subtitule-entry-clasic">Tenencia de animales</div>
								<p:panelGrid styleClass="layoutForm">
									<p:row>
										<p:column style="text-align: right">
											<h:outputLabel value="Perro" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem noSelectionOption="true" />
												<f:selectItem itemLabel="Vacunado" itemValue="0" />
												<f:selectItem itemLabel="No vacunado" itemValue="1" />
											</h:selectOneMenu>
										</p:column>
										<p:column style="text-align: right">
											<h:outputLabel value="Ave de corral" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem noSelectionOption="true" />
												<f:selectItem itemLabel="Vacunado" itemValue="0" />
												<f:selectItem itemLabel="No vacunado" itemValue="1" />
											</h:selectOneMenu>
										</p:column>
										<p:column style="text-align: right">
											<h:outputLabel value="Carnero" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem noSelectionOption="true" />
												<f:selectItem itemLabel="Vacunado" itemValue="0" />
												<f:selectItem itemLabel="No vacunado" itemValue="1" />
											</h:selectOneMenu>
										</p:column>
									</p:row>
									<p:row>
										<p:column style="text-align: right">
											<h:outputLabel value="Vaca" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem noSelectionOption="true" />
												<f:selectItem itemLabel="Vacunado" itemValue="0" />
												<f:selectItem itemLabel="No vacunado" itemValue="1" />
											</h:selectOneMenu>
										</p:column>
										<p:column style="text-align: right">
											<h:outputLabel value="Gato" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem noSelectionOption="true" />
												<f:selectItem itemLabel="Vacunado" itemValue="0" />
												<f:selectItem itemLabel="No vacunado" itemValue="1" />
											</h:selectOneMenu>
										</p:column>
										<p:column style="text-align: right">
											<h:outputLabel value="Cabra" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem noSelectionOption="true" />
												<f:selectItem itemLabel="Vacunado" itemValue="0" />
												<f:selectItem itemLabel="No vacunado" itemValue="1" />
											</h:selectOneMenu>
										</p:column>
									</p:row>
									<p:row>
										<p:column style="text-align: right">
											<h:outputLabel value="Cerdo" />
										</p:column>
										<p:column>
											<h:selectOneMenu title="Seleccione opcion">
												<f:selectItem noSelectionOption="true" />
												<f:selectItem itemLabel="Vacunado" itemValue="0" />
												<f:selectItem itemLabel="No vacunado" itemValue="1" />
											</h:selectOneMenu>
										</p:column>
										<p:column style="text-align: right">
											<h:outputLabel value="Intradomiciliario (zona de peste):" />
										</p:column>
										<p:column>
											<h:selectBooleanCheckbox /> Cuy
										</p:column>
									</p:row>
								</p:panelGrid>
							</div>
							<div class="section-content-blue" style="margin-bottom: 0">
								<div class="subtitule-entry-clasic">Observaci&oacute;n</div>
								<p:panelGrid styleClass="layoutForm">
									<p:row>
										<p:column style="text-align: right">
											<h:outputLabel value="Descripci&oacute;n" />
										</p:column>
										<p:column>
											<p:inputTextarea rows="3" autoResize="false"
												style="width: 100%"></p:inputTextarea>
										</p:column>
									</p:row>
								</p:panelGrid>
							</div>
							<div class="actionPanel">
								<button class="design-g itemTool" style="float: right"
									targetShowId="dwellingSumaryPanel">Cancelar</button>
								<button class="design-g itemTool" style="float: right"
									targetShowId="dwellingSumaryPanel">Guardar
									cambios</button>
								<!--  
								<p:commandButton value="Guardar cambios" action="{ct.accion}"
									styleClass="design-g" style="float: right" /> -->
							</div>
						</h:form>
					</div>
				</p:tab>
			</p:tabView>
		</div>

		<p:confirmDialog
			message="¿Estas seguro de esto?, esta ficha se va a eliminar con todos los datos ingresados hasta el momento"
			header="Salir de esta secci&oacute;n" width="400" severity="alert"
			widgetVar="dlgconfirmacion" modal="true" closeOnEscape="true">
			<h:form>
				<p:commandButton id="confirm" value="S&iacute;, estoy seguro"
					action="#{ctfamily.retornar1()}" />
				<p:commandButton id="decline" type="button" value="No, cancelar"
					onclick="dlgconfirmacion.hide()" />
			</h:form>
		</p:confirmDialog>
		<p:confirmDialog
			message="¿Estas seguro de esto?, esta ficha se va a eliminar con todos los datos ingresados hasta el momento"
			header="Salir de esta secci&oacute;n" width="400" severity="alert"
			widgetVar="dlgconfirmacion2" modal="true" closeOnEscape="true">
			<h:form>
				<p:commandButton id="confirm" value="S&iacute;, estoy seguro"
					action="#{ctfamily.retornar2()}" />
				<p:commandButton id="decline" type="button" value="No, cancelar"
					onclick="dlgconfirmacion2.hide()" />
			</h:form>
		</p:confirmDialog>
	</ui:define>
</ui:composition>
</html>